<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>TFIS v1.0</title>
<meta name="description" content="Transcription Factor Information System">
<meta name="keywords" content="TFIS, TF, TFBS">
<link href="css/style.css" rel="stylesheet" type="text/css">
</head>
<body>

<div id="wrapper"> 

  <div id="header"> 

    <div class="top_banner">
      <h1>TFIS v1.0</h1>
      <p>Transcription Factor Information System</p>
    </div>
 
  </div>

  <div id="page_content">

    <div class="navigation">
      <ul>
        <li><a href="index.jsp">Home</a></li>
        <li><a href="about.jsp">About</a></li>
        <li><a href="doc.jsp">Documentation</a></li>
        <li><a href="help.jsp">Help</a></li>
        <li><a href="contact.jsp">Contact</a></li>
      </ul>
    </div>

    <div class="main_section">
      <h2>TFIS v1.0 : Position Frequency Matrix Single Transcription Factor Scan</h2>
      <hr>
      <div class="common_content">
        <h2>TFIS v1.0 : Position Frequency Matrix Single Transcription Factor Scan</h2>
        <hr>
		<form id="form" action="PFMScan" method="post">  
  
		Gene Sequence:<br><textarea rows="25" cols="120" name="userSequence"></textarea><br><br> 
		Transcription Factor Binding Sequences:<br><textarea rows="10" cols="120" name="transcriptionFactorPFM"></textarea><br><br>  
		Percent Score:  <select name="percent">
  		<option value="85">85%</option>
  		<%
  		for(int i = 5; i <= 100; i = i + 5){
	  		out.println("<option value='"+i+"'>"+i+"%</option>");
  		}
  		%>
		</select>
		<br><br>  
 
 		<center>
 		<div id="loading" style="display:none;"><img src="images/loading.gif" alt="" /></div>
		<input id="submit" value="Scan" type="submit"/>
		</center>  
  
		</form>
       	<script type="text/javascript">
			(function (d) {
  				d.getElementById('form').onsubmit = function () {
    				d.getElementById('submit').style.display = 'none';
    				d.getElementById('loading').style.display = 'block';
  				};
			}(document));
		</script>
     
      </div>
      
    </div>

    <div id="footer">Sengupta <i>et al.</i> | Developed and Maintained by <a href="http://www.abhishekduhoon.com" target="_blank">Abhishek Kumar</a>.
 	</div>
    
 </div>
 
</div>

</body>
</html>
